﻿@model JUIDemoMVC3RC2Project.Models.SimpleModel

@{
    ViewBag.Title = "DatePicker";
}

<h2>Date Picker</h2>

@using (Html.BeginForm())
{
    <h4>Single</h4>    
    <p>
        DateTime is set as: @Model.DateTime
        @Html.TextBoxFor(model => model.DateTime, new { id = "dp" })
    </p>
    
    <h4>Multiple</h4>
    <p>
        DateTime1 is set as: @Model.DateTime1
        @Html.TextBoxFor(model => model.DateTime1, new { id = "date1" })
        <br />
        DateTime2 is set as: @Model.DateTime2
        @Html.TextBoxFor(model => model.DateTime2, new { id = "date2" })
    </p>

    <input type="submit" />
}


<script type="text/javascript">
    $(document).ready(function () {
        $('#dp').datepicker();
        $("*[id*=date]").datepicker();
    });
</script>
